<template>
  <div class="center">
    <self-top></self-top>
    <self-servicelist></self-servicelist>
    <self-recommend></self-recommend>
    <tab-bar></tab-bar>
  </div>
</template>

<script type="text/ecmascript-6">
import TabBar from "@/components/tab-bar/tab-bar";
import SelfTop from './component/Usertop'
import SelfServicelist from './component/Servicelist'
import SelfRecommend from './component/Recommend'
export default {
  data() {
    return {};
  },
  components: {
    TabBar,
    SelfTop,
    SelfServicelist,
    SelfRecommend
  }
};
</script>

<style scoped lang="stylus">
.page
  // box-shadow 0 0 10px 0 hsla(0, 6%, 58%, 0.3)
  // border-radius 0 0 10% 10%
  // border none
</style>
